<template>
    <div class="personInfo">
        <p v-if="data"><span>用户名：</span>{{data.loginId}}</p>
        <p v-if="data"><span>昵&nbsp;&nbsp;&nbsp;称：</span>{{data.nickname}}</p>
    </div>
</template>

<script>
import {mapState} from "vuex"

export default {
    components:{
    },
    computed:{
        ...mapState("loginUser",["data"])
    },
    created(){
        
    }
}
</script>

<style scoped>
    .personInfo{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    p{
        line-height: 25px;
        color: gold;
        font-weight: bold;
        border-bottom: 1px solid #888;
        padding-right: 20px;
    }
    p span{
        display: inline-block;
        width: 80px;
        text-align: right;
    }
</style>